<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>sadasdasd</title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="../../js/v3.2.8/vue.global.prod.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/uni.webview.1.5.4.js"></script>
	</head>
	<body>
		<div id="app">
			{{ counter }}
			<button @click='gogo'>dasdasd</button>
		</div>
	</body>
	<script type="text/javascript">
		var userAgent = navigator.userAgent;
		if (userAgent.indexOf('AlipayClient') > -1) {
			// 支付宝小程序的 JS-SDK 防止 404 需要动态加载，如果不需要兼容支付宝小程序，则无需引用此 JS 文件。
			document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
		} else if (/QQ/i.test(userAgent) && /miniProgram/i.test(userAgent)) {
			// QQ 小程序
			document.write(
				'<script type="text/javascript" src="https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js"><\/script>'
			);
		} else if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {
			// 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
			document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');
		} else if (/toutiaomicroapp/i.test(userAgent)) {
			// 头条小程序 JS-SDK 如果不需要兼容头条小程序，则无需引用此 JS 文件。
			document.write(
				'<script type="text/javascript" src="https://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js"><\/script>');
		} else if (/swan/i.test(userAgent)) {
			// 百度小程序 JS-SDK 如果不需要兼容百度小程序，则无需引用此 JS 文件。
			document.write(
				'<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js"><\/script>'
			);
		} else if (/quickapp/i.test(userAgent)) {
			// quickapp
			document.write('<script type="text/javascript" src="https://quickapp/jssdk.webview.min.js"><\/script>');
		}
		if (!/toutiaomicroapp/i.test(userAgent)) {
			// document.querySelector('.post-message-section').style.visibility = 'visible';
		}
	</script>
	<script>
		const App = {
			data() {
				return {
					counter: 0
				}
			},
			created() {
				console.log("Vue -> 加载完成")
				uni.getEnv(function(res) {
					console.log('当前环境：' + JSON.stringify(res));
				});
				this.titleHanlder();
			},
			methods: {
				// 页面title充当传参
				titleHanlder() {
					document.title = JSON.stringify({
						title: Date.now(),
						data: Date.now()
					})
				},

				gogo() {
					this.counter++
					location.href = "http://www.baidu.com"
					// window.location.href = "./activitis/vip-not-opened.html";
				}
			}
		};

		document.addEventListener('UniAppJSBridgeReady', function() {
			console.log("UniAppJSBridgeReady -> 加载完成")
			Vue.createApp(App).mount('#app');
		})
	</script>
</html>